﻿<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <title>云协作平台系统管理</title>
    <!-- jquery.js -->
    <script th:src="@{/js/jquery-2.2.4.min.js}"></script>
    <script th:src="@{/js/jquery.contextify.min.js}"></script>
    <script th:src="@{/echart/echarts.min.js}"></script>
    <script th:src="@{/echart/infographic.js}"></script>
    <link rel="shortcut icon" th:href="@{/images/Logo_40.png}" type="image/x-icon">
    <!-- layui.css -->
    <link th:href="@{/plugin/layui/css/layui.css}" rel="stylesheet"/>
    <!-- font-awesome.css -->
    <link th:href="@{/plugin/font-awesome/css/font-awesome.min.css}" rel="stylesheet"/>
    <!-- animate.css -->
    <link th:href="@{/css/animate.min.css}" rel="stylesheet"/>
    <!-- 本页样式 -->
    <link th:href="@{/css/main.css}" rel="stylesheet"/>
    <style>
        .layui-body{
            bottom: 0px!important;
        }
    </style>
</head>
<body>
<div class="layui-layout layui-layout-admin">
    <!--顶部-->
    <div class="layui-header">
        <span class="sys-title">云协作平台</span>
        <ul class="ht-nav">
            <li class="ht-nav-item">
                <a href="logout"><i class="fa fa-power-off fa-fw"></i>注销</a>
            </li>
        </ul>
    </div>
    <!--侧边导航-->
    <div class="layui-side">
        <div class="layui-side-scroll">
            <ul class="layui-nav layui-nav-tree" lay-filter="leftnav">
                <li class="layui-nav-item layui-this">
                    <a href="javascript:;"><i class="fa fa-home"></i>首页</a>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><i class="fa fa-file-text"></i>数据管理</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" data-url="userall" data-id="11">用户管理</a></dd>
                        <dd><a href="javascript:;" data-url="projectall" data-id="12">项目管理</a></dd>
                        <dd><a href="javascript:;" data-url="feedback" data-id="13">用户反馈</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><i class="fa fa-file-text"></i>系统配置</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" data-url="setting" data-id="1">参数管理</a></dd>
                        <dd><a href="javascript:;" data-url="broadcast" data-id="2">发送通知</a></dd>
                    </dl>
                </li>
            </ul>
        </div>
    </div>
    <!--收起导航-->
    <div class="layui-side-hide layui-bg-cyan">
        <i class="fa fa-long-arrow-left fa-fw"></i>收起导航
    </div>
    <!--主体内容-->
    <div class="layui-body">
        <div style="margin:0;position:absolute;top:4px;bottom:0px;width:100%;" class="layui-tab layui-tab-brief"
             lay-filter="tab" lay-allowclose="true">
            <ul class="layui-tab-title">
                <li lay-id="0" class="layui-this layui-nav-item" id="nav-home">首页</li>
            </ul>

            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                    <div id="custom" style="height: 300px;"></div>
                    <div class="layui-field-box">
                        <div style="display: inline-block; width: 100%;">
                            <div class="ht-box layui-bg-blue">
                                <p th:text="${users}"></p>
                                <p>用户总数</p>
                            </div>
                            <div class="ht-box layui-bg-red">
                                <p th:text="${registers}"></p>
                                <p>今日注册</p>
                            </div>
                            <div class="ht-box layui-bg-green">
                                <p th:text="${logins}"></p>
                                <p>今日登陆</p>
                            </div>
                            <div class="ht-box layui-bg-orange">
                                <p th:text="${projects}"></p>
                                <p>项目总数</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- layui.js -->
<script th:src="@{/plugin/layui/layui.js}"></script>
<!-- layui规范化用法 -->
<script type="text/javascript">
    layui.config({
        base: '../js/'
    }).use('main');
</script>
</body>
</html>